<template>
  <div id="app" class="app">
    <div class="bg">
      <img src="../static/bannerBg.png" />
    </div>
    <keep-alive>
      <router-view></router-view>
    </keep-alive>
  </div>
</template>

<script>
export default {
  name: "app",
  // activated: function() {
  //    this.getCase()
  // }
};
</script>

<style lang='less'>
@keyframes myRotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.app {
  background: url("../static/bg.png") no-repeat;
  background-size: 100% 100%;
  height: 100%;
  position: relative;
  .bg {
    position: absolute;
    top: 700px;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    img {
      height: 1400px;
      width: 1400px;
      animation: myRotate 180s linear infinite;
    }
  }
}
* {
  padding: 0;
  margin: 0;
  list-style: none;
}
html,
body {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
/* #app {
  width: 100%;
  height: 100%;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
} */
// ::-webkit-scrollbar {
//   width: 5px;
//   height: 57px;
//   background-color: #5db0ff;
// }
// ::-webkit-scrollbar-track {
//   border-radius: 3px;
//   background-color: #094380;
// }
// ::-webkit-scrollbar-thumb {
//   border-radius: 3px;
//   background: #5db0ff;
// } 

/* 组件样式重置 地图 */
.BMapLabel {
  color: #fff;
  font-size: 16px;
  background-color: rgba(24, 55, 101, 0.85) !important;
  border: none !important;
  padding: 5px 10px !important;
}
.BMap_pop > div,
#map .BMap_pop > div > div {
  background: transparent !important;
  border: none !important;
  background-color: transparent !important;
  border-top: 0 !important;
}
.BMap_pop img {
  display: none;
}
.anchorBL {
  display: none;
}
/* .el-carousel__item{
     background-color: #99a9bf;
  } */
/* 组件样式重置 搜索--指挥处置专用 */
.lookConference .el-input__inner,
.lookConference .el-date-editor .el-range-input {
  background-color: #083153 !important;
  background: #083153 !important;
  color: #19fff8;
  font-size: 14px;
}
.lookConference .el-date-editor .el-range-separator {
  color: #19fff8;
}

/* 组件样式重置 搜索--分页 */
.el-pagination__jump {
  color: #fff;
}
.el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: #00ccff;
  color: #333;
}
.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev,
.el-pagination.is-background .el-pager li,
.el-input__inner {
  /* background-color: #024760; */
  color: rgba(255, 255, 255, 0.8);
  border: none;
}
</style>
